<div id="wrapper" class="f-container m-tickets" :controller="mc_orderdetail">
  <div class="u-titleH">
    <img src="<%= require('../tickets/images/icon_ticket.png')%>" alt=""> 电子票，商家扫码核销
  </div>
  <div class="m-main">
    <div class="m-mainc">
      <div class="m-contacts">
        <div class="m-infoH">
          <span>订单详情<div class="u-color">({{@getOrderStatus(@orderinfo.isopen, @orderinfo.paystatus)}})</div></span>
          <button :if="@orderinfo.isopen === -1" type="button" name="button" :click="@bindCancelOrder">取消订单</button>
        </div>
        <div class="m-alllistM">
          <div class="m-alllist">
            <label>订单价格</label>
            <div>
              {{@actinfo.price / 100}} 元
            </div>
          </div>
          <div class="m-alllist">
            <label>订单编号</label>
            <div>
              {{@orderinfo.orderno}}
            </div>
          </div>
          <div class="m-alllist">
            <label>付款方式</label>
            <div>
              <img src="<%= require('../tickets/images/zfb.png')%>" alt="">
            </div>
          </div>
          <div class="m-alllist">
            <label>订单状态</label>
            <div>
              <span class="zt">{{@getTicketStatus(@orderinfo.goodsstatus)}}</span>
              <span :if="@orderinfo.paystatus === 2" class="ck">查看入场券</span>
            </div>
          </div>
          <div class="m-alllist">
            <label>创建时间</label>
            <div>
              {{@getCreate(@orderinfo.createtime)}}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="m-main">
    <div class="m-info">
      <div class="m-infoH">
        <span>票务信息</span>
      </div>
      <div class="m-infoM">
        <div class="infoimg">
          <img :attr="{src: @actinfo.shoptemplogo + '?imageView2/1/w/304'}">
        </div>
        <div class="info">
          <div class="info-title">{{@actinfo.shoptempname}}</div>
          <div class="info-date">开通费：{{@actinfo.price / 100}} 元</div>
          <div class="info-address">
            <div class="address_xx">云服务费： 900元/年（首年免费）</div>
            <div class="address_dz">10万条群发短信 每月50GB流量 多媒体云存储2GB</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="m-main">
    <div class="m-mainc">
      <form class="m-contacts" :validate="@validate_contact">
        <div class="m-infoH">
          <span>报名联系人</span>
          <button type="submit" :if="@orderinfo.isopen !== -1">{{@contact_show?'编辑':'保存'}}</button>
        </div>
        <div class="m-alllistM">
          <div class="m-alllist">
            <label>姓名</label>
            <input type="text"
            :duplex="@enrollinfo.name"
            :rules="{required: true}"
            data-required-message="请填写姓名"
            :attr="{disabled: @contact_show}">
          </div>
          <div class="m-alllist">
            <label>手机号</label>
            <input type="text"
            :duplex="@enrollinfo.mobile"
            :attr="{disabled: @contact_show}"
            :rules="{required: true, pattern: /^1[3|4|5|7|8][0-9]{9}$/}"
            data-required-message="请填写手机号码"
            data-pattern-message="请填写正确的手机号码">
          </div>
          <div class="m-alllist">
            <label>单位</label>
            <input type="text"
            :duplex="@enrollinfo.company"
            :rules="{required: true}"
            data-required-message="请填写单位"
            :attr="{disabled: @contact_show}">
          </div>
          <div class="m-alllist">
            <label>职位</label>
            <input type="text"
            :duplex="@enrollinfo.title"
            :rules="{norequired: true}"
            :attr="{disabled: @contact_show}">
          </div>
        </div>
      </form>
    </div>
  </div>

  <div class="m-main" :if="@billinfo !== 0" :html="getInvoice(@billinfo)">
  </div>
</div>
